<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2446783" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">人民币</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">富文本框</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">字段列表</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">写字</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">图片附件</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">261已发布票据-人民币-细</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">html</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">评分</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">表格附件</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">复选框</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">单选按钮</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">下拉框 表单</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">下拉框</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c5;</span>
                <div class="name">按钮</div>
                <div class="code-name">&amp;#xe8c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">字段类型-整数</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ca;</span>
                <div class="name">下拉框</div>
                <div class="code-name">&amp;#xe8ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">字段</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">日期 期数</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe984;</span>
                <div class="name">ptkj-连续签批模式</div>
                <div class="code-name">&amp;#xe984;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe877;</span>
                <div class="name">整数</div>
                <div class="code-name">&amp;#xe877;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">超链接</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">单选</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">超链接</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">双箭头</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">双箭头</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">双箭头</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">双箭头</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">表单</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">设 置</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">删  除</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">新建类别</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">新东方-刷新图标</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">编 辑</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">新建流程</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">导入模板</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">上 移</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">上 移</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">加粗 选中</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">宽度增加</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">边框</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">边框</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">边框</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">边框</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">背景颜色 </div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">宽度</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">高度</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">斜体</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">字体颜色</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">边框</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">框架</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">框架</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">分组</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">附 件 (1)</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">字段</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">组件</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">数据表</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">系统</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">加减乘除-02</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">加减乘除-01</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">导入导出</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">新建表单</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0b;</span>
                <div class="name">风格</div>
                <div class="code-name">&amp;#xea0b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">风格</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">样式</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">风格</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">属性</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">常用图标-飞机</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">系统高级自定义</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">流程高级功能</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">多文件</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">海报分享</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">高级报表设置</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">文件夹  开folder-open</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">管理员</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">首页-选中</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">个人</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">线程</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">线程</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">线程查看</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">线程栈</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">线程泄漏</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">首页-线程-01</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">多线程组件</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">线程追踪</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">线程</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9cf;</span>
                <div class="name">节点类_中心管理</div>
                <div class="code-name">&amp;#xe9cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d0;</span>
                <div class="name">节点类_主控中心1</div>
                <div class="code-name">&amp;#xe9d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">发起人</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">表格 - 显示</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">临时表格</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">01 主数据_条件类型</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">节点管理_1</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">箭头</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">箭头</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">箭头</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">箭头</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec4c;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xec4c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">确定</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">移交</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">历史轨迹</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">文件夹-2</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">文件夹-1</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">箭头</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">读书</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">可编辑表格</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">批量设置_操作_jurassic</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">属性-收起</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">服务编排-连接线</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">标签+</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9a1;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe9a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">测试</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">74_流程实例</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">文件-退回文件</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">管理员</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">案例</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">【视图】节点显示</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">表单定制（模版）</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">待办</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1626226619308') format('woff2'),
       url('iconfont.woff?t=1626226619308') format('woff'),
       url('iconfont.ttf?t=1626226619308') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-map"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-map
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renminbi"></span>
            <div class="name">
              人民币
            </div>
            <div class="code-name">.icon-renminbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwenbenkuang"></span>
            <div class="name">
              富文本框
            </div>
            <div class="code-name">.icon-fuwenbenkuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenfenzheng"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.icon-shenfenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziduanliebiao"></span>
            <div class="name">
              字段列表
            </div>
            <div class="code-name">.icon-ziduanliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiezi"></span>
            <div class="name">
              写字
            </div>
            <div class="code-name">.icon-xiezi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupianfujian"></span>
            <div class="name">
              图片附件
            </div>
            <div class="code-name">.icon-tupianfujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yifabupiaoju-renminbi-xi"></span>
            <div class="name">
              261已发布票据-人民币-细
            </div>
            <div class="code-name">.icon-yifabupiaoju-renminbi-xi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-html"></span>
            <div class="name">
              html
            </div>
            <div class="code-name">.icon-html
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingfen"></span>
            <div class="name">
              评分
            </div>
            <div class="code-name">.icon-pingfen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaogefujian"></span>
            <div class="name">
              表格附件
            </div>
            <div class="code-name">.icon-biaogefujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-attach"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon-attach
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuxuankuang"></span>
            <div class="name">
              复选框
            </div>
            <div class="code-name">.icon-fuxuankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danxuananniu"></span>
            <div class="name">
              单选按钮
            </div>
            <div class="code-name">.icon-danxuananniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialakuangbiaodan"></span>
            <div class="name">
              下拉框 表单
            </div>
            <div class="code-name">.icon-xialakuangbiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe1"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialakuang"></span>
            <div class="name">
              下拉框
            </div>
            <div class="code-name">.icon-xialakuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian1"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anniu"></span>
            <div class="name">
              按钮
            </div>
            <div class="code-name">.icon-anniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziduanleixing-zhengshu"></span>
            <div class="name">
              字段类型-整数
            </div>
            <div class="code-name">.icon-ziduanleixing-zhengshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialakuang1"></span>
            <div class="name">
              下拉框
            </div>
            <div class="code-name">.icon-xialakuang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziduan1"></span>
            <div class="name">
              字段
            </div>
            <div class="code-name">.icon-ziduan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqiqishu"></span>
            <div class="name">
              日期 期数
            </div>
            <div class="code-name">.icon-riqiqishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ptkj-lianxuqianpimoshi"></span>
            <div class="name">
              ptkj-连续签批模式
            </div>
            <div class="code-name">.icon-ptkj-lianxuqianpimoshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengshu"></span>
            <div class="name">
              整数
            </div>
            <div class="code-name">.icon-zhengshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaolianjie"></span>
            <div class="name">
              超链接
            </div>
            <div class="code-name">.icon-chaolianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danxuan"></span>
            <div class="name">
              单选
            </div>
            <div class="code-name">.icon-danxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaolianjie1"></span>
            <div class="name">
              超链接
            </div>
            <div class="code-name">.icon-chaolianjie1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double-extend-left"></span>
            <div class="name">
              双箭头
            </div>
            <div class="code-name">.icon-double-extend-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuangjiantou1"></span>
            <div class="name">
              双箭头
            </div>
            <div class="code-name">.icon-shuangjiantou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuangjiantou"></span>
            <div class="name">
              双箭头
            </div>
            <div class="code-name">.icon-shuangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-you2"></span>
            <div class="name">
              双箭头
            </div>
            <div class="code-name">.icon-you2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liucheng1"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-liucheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodan"></span>
            <div class="name">
              表单
            </div>
            <div class="code-name">.icon-biaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设 置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.icon-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删  除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book-copy"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.icon-book-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjianleibie"></span>
            <div class="name">
              新建类别
            </div>
            <div class="code-name">.icon-xinjianleibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              新东方-刷新图标
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编 辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjianliucheng"></span>
            <div class="name">
              新建流程
            </div>
            <div class="code-name">.icon-xinjianliucheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daorumoban"></span>
            <div class="name">
              导入模板
            </div>
            <div class="code-name">.icon-daorumoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xy"></span>
            <div class="name">
              上 移
            </div>
            <div class="code-name">.icon-xy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjian1"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.icon-xinjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyi"></span>
            <div class="name">
              上 移
            </div>
            <div class="code-name">.icon-shangyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiacuxuanzhong"></span>
            <div class="name">
              加粗 选中
            </div>
            <div class="code-name">.icon-jiacuxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuanduzengjia"></span>
            <div class="name">
              宽度增加
            </div>
            <div class="code-name">.icon-kuanduzengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-border-top-solid"></span>
            <div class="name">
              边框
            </div>
            <div class="code-name">.icon-border-top-solid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-border-right-solid"></span>
            <div class="name">
              边框
            </div>
            <div class="code-name">.icon-border-right-solid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-border-bottom-solid"></span>
            <div class="name">
              边框
            </div>
            <div class="code-name">.icon-border-bottom-solid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shadow-left"></span>
            <div class="name">
              边框
            </div>
            <div class="code-name">.icon-shadow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beijingyansezhuanhuan"></span>
            <div class="name">
              背景颜色 
            </div>
            <div class="code-name">.icon-beijingyansezhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuandu"></span>
            <div class="name">
              宽度
            </div>
            <div class="code-name">.icon-kuandu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaodu"></span>
            <div class="name">
              高度
            </div>
            <div class="code-name">.icon-gaodu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xieti"></span>
            <div class="name">
              斜体
            </div>
            <div class="code-name">.icon-xieti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zitiyanse"></span>
            <div class="name">
              字体颜色
            </div>
            <div class="code-name">.icon-zitiyanse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biankuang"></span>
            <div class="name">
              边框
            </div>
            <div class="code-name">.icon-biankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuangjia"></span>
            <div class="name">
              框架
            </div>
            <div class="code-name">.icon-kuangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuangjia1"></span>
            <div class="name">
              框架
            </div>
            <div class="code-name">.icon-kuangjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenzu"></span>
            <div class="name">
              分组
            </div>
            <div class="code-name">.icon-fenzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fujian"></span>
            <div class="name">
              附 件 (1)
            </div>
            <div class="code-name">.icon-fujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziduan"></span>
            <div class="name">
              字段
            </div>
            <div class="code-name">.icon-ziduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zujian"></span>
            <div class="name">
              组件
            </div>
            <div class="code-name">.icon-zujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiashujubiao"></span>
            <div class="name">
              数据表
            </div>
            <div class="code-name">.icon-tianjiashujubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitong"></span>
            <div class="name">
              系统
            </div>
            <div class="code-name">.icon-xitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedian-"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-jiedian-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiajianchengchu-"></span>
            <div class="name">
              加减乘除-02
            </div>
            <div class="code-name">.icon-jiajianchengchu-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiajianchengchu-1"></span>
            <div class="name">
              加减乘除-01
            </div>
            <div class="code-name">.icon-jiajianchengchu-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daorudaochu"></span>
            <div class="name">
              导入导出
            </div>
            <div class="code-name">.icon-daorudaochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjianbiaodan"></span>
            <div class="name">
              新建表单
            </div>
            <div class="code-name">.icon-xinjianbiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengge"></span>
            <div class="name">
              风格
            </div>
            <div class="code-name">.icon-fengge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengge1"></span>
            <div class="name">
              风格
            </div>
            <div class="code-name">.icon-fengge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yangshi"></span>
            <div class="name">
              样式
            </div>
            <div class="code-name">.icon-yangshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengge2"></span>
            <div class="name">
              风格
            </div>
            <div class="code-name">.icon-fengge2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.icon-shouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuxing"></span>
            <div class="name">
              属性
            </div>
            <div class="code-name">.icon-shuxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouji1"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.icon-shouji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiji"></span>
            <div class="name">
              常用图标-飞机
            </div>
            <div class="code-name">.icon-feiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfonticon4"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-iconfonticon4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon"></span>
            <div class="name">
              系统高级自定义
            </div>
            <div class="code-name">.icon-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuchenggaojigongneng"></span>
            <div class="name">
              流程高级功能
            </div>
            <div class="code-name">.icon-liuchenggaojigongneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun1"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duowenjian"></span>
            <div class="name">
              多文件
            </div>
            <div class="code-name">.icon-duowenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian2"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haibaofenxiang"></span>
            <div class="name">
              海报分享
            </div>
            <div class="code-name">.icon-haibaofenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian3"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojibaobiaoshezhi"></span>
            <div class="name">
              高级报表设置
            </div>
            <div class="code-name">.icon-gaojibaobiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia2"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian1"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjiakaifolder-open"></span>
            <div class="name">
              文件夹  开folder-open
            </div>
            <div class="code-name">.icon-wenjianjiakaifolder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jian"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.icon-jian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia1"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanli"></span>
            <div class="name">
              管理员
            </div>
            <div class="code-name">.icon-guanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanyu"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.icon-guanyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-home-copy"></span>
            <div class="name">
              首页-选中
            </div>
            <div class="code-name">.icon-home-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geren"></span>
            <div class="name">
              个人
            </div>
            <div class="code-name">.icon-geren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiancheng"></span>
            <div class="name">
              线程
            </div>
            <div class="code-name">.icon-xiancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiancheng1"></span>
            <div class="name">
              线程
            </div>
            <div class="code-name">.icon-xiancheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianchengchakan"></span>
            <div class="name">
              线程查看
            </div>
            <div class="code-name">.icon-xianchengchakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianchengzhan"></span>
            <div class="name">
              线程栈
            </div>
            <div class="code-name">.icon-xianchengzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianchengxielou"></span>
            <div class="name">
              线程泄漏
            </div>
            <div class="code-name">.icon-xianchengxielou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye-xiancheng-"></span>
            <div class="name">
              首页-线程-01
            </div>
            <div class="code-name">.icon-shouye-xiancheng-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoxianchengzujian"></span>
            <div class="name">
              多线程组件
            </div>
            <div class="code-name">.icon-duoxianchengzujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianchengzhuizong"></span>
            <div class="name">
              线程追踪
            </div>
            <div class="code-name">.icon-xianchengzhuizong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiancheng2"></span>
            <div class="name">
              线程
            </div>
            <div class="code-name">.icon-xiancheng2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingxing"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.icon-xingxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedianleizhongxinguanli"></span>
            <div class="name">
              节点类_中心管理
            </div>
            <div class="code-name">.icon-jiedianleizhongxinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedianleizhukongzhongxin1"></span>
            <div class="name">
              节点类_主控中心1
            </div>
            <div class="code-name">.icon-jiedianleizhukongzhongxin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sponsor"></span>
            <div class="name">
              发起人
            </div>
            <div class="code-name">.icon-sponsor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge-xianshi"></span>
            <div class="name">
              表格 - 显示
            </div>
            <div class="code-name">.icon-biaoge-xianshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedian"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-jiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedian1"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-jiedian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-linshibiaoge"></span>
            <div class="name">
              临时表格
            </div>
            <div class="code-name">.icon-linshibiaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-01zhushuju_tiaojianleixing"></span>
            <div class="name">
              01 主数据_条件类型
            </div>
            <div class="code-name">.icon-01zhushuju_tiaojianleixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedianguanli_1"></span>
            <div class="name">
              节点管理_1
            </div>
            <div class="code-name">.icon-jiedianguanli_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right"></span>
            <div class="name">
              箭头
            </div>
            <div class="code-name">.icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou-copy"></span>
            <div class="name">
              箭头
            </div>
            <div class="code-name">.icon-jiantou-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconfontjiantou"></span>
            <div class="name">
              箭头
            </div>
            <div class="code-name">.icon-iconfontjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou-copy-copy-copy"></span>
            <div class="name">
              箭头
            </div>
            <div class="code-name">.icon-jiantou-copy-copy-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Search"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-Search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Focus"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.icon-Focus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-queding"></span>
            <div class="name">
              确定
            </div>
            <div class="code-name">.icon-queding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Shift"></span>
            <div class="name">
              移交
            </div>
            <div class="code-name">.icon-Shift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Save"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-Save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Send"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.icon-Send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Track"></span>
            <div class="name">
              历史轨迹
            </div>
            <div class="code-name">.icon-Track
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjiafolder80"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjiafolder80
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia-"></span>
            <div class="name">
              文件夹-2
            </div>
            <div class="code-name">.icon-wenjianjia-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia-1"></span>
            <div class="name">
              文件夹-1
            </div>
            <div class="code-name">.icon-wenjianjia-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjiak"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjiak
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weimingmingwenjianjia_jiantou"></span>
            <div class="name">
              箭头
            </div>
            <div class="code-name">.icon-weimingmingwenjianjia_jiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-biaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              读书
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kebianjibiaoge"></span>
            <div class="name">
              可编辑表格
            </div>
            <div class="code-name">.icon-kebianjibiaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jurassic_setup-batch"></span>
            <div class="name">
              批量设置_操作_jurassic
            </div>
            <div class="code-name">.icon-jurassic_setup-batch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinyong"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.icon-jinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyong"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-qiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu1"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuxing-shouqi"></span>
            <div class="name">
              属性-收起
            </div>
            <div class="code-name">.icon-shuxing-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian2"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian3"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian4"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjiexian"></span>
            <div class="name">
              服务编排-连接线
            </div>
            <div class="code-name">.icon-lianjiexian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签+
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian1"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-node"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-node
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-help"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-flow-line"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-flow-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ceshi"></span>
            <div class="name">
              测试
            </div>
            <div class="code-name">.icon-ceshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjian"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.icon-xinjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianxingtubiaozhizuomoban-43"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-xianxingtubiaozhizuomoban-43
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-_liuchengshili"></span>
            <div class="name">
              74_流程实例
            </div>
            <div class="code-name">.icon-_liuchengshili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wj-thwj"></span>
            <div class="name">
              文件-退回文件
            </div>
            <div class="code-name">.icon-wj-thwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanliyuan"></span>
            <div class="name">
              管理员
            </div>
            <div class="code-name">.icon-guanliyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anli"></span>
            <div class="name">
              案例
            </div>
            <div class="code-name">.icon-anli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shitujiedianxianshi"></span>
            <div class="name">
              【视图】节点显示
            </div>
            <div class="code-name">.icon-shitujiedianxianshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodandingzhimoban"></span>
            <div class="name">
              表单定制（模版）
            </div>
            <div class="code-name">.icon-biaodandingzhimoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daiban"></span>
            <div class="name">
              待办
            </div>
            <div class="code-name">.icon-daiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liucheng"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-liucheng
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-map</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renminbi"></use>
                </svg>
                <div class="name">人民币</div>
                <div class="code-name">#icon-renminbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwenbenkuang"></use>
                </svg>
                <div class="name">富文本框</div>
                <div class="code-name">#icon-fuwenbenkuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenfenzheng"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#icon-shenfenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziduanliebiao"></use>
                </svg>
                <div class="name">字段列表</div>
                <div class="code-name">#icon-ziduanliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiezi"></use>
                </svg>
                <div class="name">写字</div>
                <div class="code-name">#icon-xiezi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupianfujian"></use>
                </svg>
                <div class="name">图片附件</div>
                <div class="code-name">#icon-tupianfujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yifabupiaoju-renminbi-xi"></use>
                </svg>
                <div class="name">261已发布票据-人民币-细</div>
                <div class="code-name">#icon-yifabupiaoju-renminbi-xi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-html"></use>
                </svg>
                <div class="name">html</div>
                <div class="code-name">#icon-html</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingfen"></use>
                </svg>
                <div class="name">评分</div>
                <div class="code-name">#icon-pingfen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaogefujian"></use>
                </svg>
                <div class="name">表格附件</div>
                <div class="code-name">#icon-biaogefujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attach"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon-attach</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuxuankuang"></use>
                </svg>
                <div class="name">复选框</div>
                <div class="code-name">#icon-fuxuankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuananniu"></use>
                </svg>
                <div class="name">单选按钮</div>
                <div class="code-name">#icon-danxuananniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialakuangbiaodan"></use>
                </svg>
                <div class="name">下拉框 表单</div>
                <div class="code-name">#icon-xialakuangbiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe1"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialakuang"></use>
                </svg>
                <div class="name">下拉框</div>
                <div class="code-name">#icon-xialakuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian1"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anniu"></use>
                </svg>
                <div class="name">按钮</div>
                <div class="code-name">#icon-anniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziduanleixing-zhengshu"></use>
                </svg>
                <div class="name">字段类型-整数</div>
                <div class="code-name">#icon-ziduanleixing-zhengshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialakuang1"></use>
                </svg>
                <div class="name">下拉框</div>
                <div class="code-name">#icon-xialakuang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziduan1"></use>
                </svg>
                <div class="name">字段</div>
                <div class="code-name">#icon-ziduan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqiqishu"></use>
                </svg>
                <div class="name">日期 期数</div>
                <div class="code-name">#icon-riqiqishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ptkj-lianxuqianpimoshi"></use>
                </svg>
                <div class="name">ptkj-连续签批模式</div>
                <div class="code-name">#icon-ptkj-lianxuqianpimoshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengshu"></use>
                </svg>
                <div class="name">整数</div>
                <div class="code-name">#icon-zhengshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaolianjie"></use>
                </svg>
                <div class="name">超链接</div>
                <div class="code-name">#icon-chaolianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuan"></use>
                </svg>
                <div class="name">单选</div>
                <div class="code-name">#icon-danxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaolianjie1"></use>
                </svg>
                <div class="name">超链接</div>
                <div class="code-name">#icon-chaolianjie1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-extend-left"></use>
                </svg>
                <div class="name">双箭头</div>
                <div class="code-name">#icon-double-extend-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuangjiantou1"></use>
                </svg>
                <div class="name">双箭头</div>
                <div class="code-name">#icon-shuangjiantou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuangjiantou"></use>
                </svg>
                <div class="name">双箭头</div>
                <div class="code-name">#icon-shuangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-you2"></use>
                </svg>
                <div class="name">双箭头</div>
                <div class="code-name">#icon-you2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liucheng1"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-liucheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodan"></use>
                </svg>
                <div class="name">表单</div>
                <div class="code-name">#icon-biaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设 置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#icon-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删  除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book-copy"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#icon-book-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianleibie"></use>
                </svg>
                <div class="name">新建类别</div>
                <div class="code-name">#icon-xinjianleibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">新东方-刷新图标</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编 辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianliucheng"></use>
                </svg>
                <div class="name">新建流程</div>
                <div class="code-name">#icon-xinjianliucheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daorumoban"></use>
                </svg>
                <div class="name">导入模板</div>
                <div class="code-name">#icon-daorumoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xy"></use>
                </svg>
                <div class="name">上 移</div>
                <div class="code-name">#icon-xy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjian1"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#icon-xinjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyi"></use>
                </svg>
                <div class="name">上 移</div>
                <div class="code-name">#icon-shangyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiacuxuanzhong"></use>
                </svg>
                <div class="name">加粗 选中</div>
                <div class="code-name">#icon-jiacuxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuanduzengjia"></use>
                </svg>
                <div class="name">宽度增加</div>
                <div class="code-name">#icon-kuanduzengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-border-top-solid"></use>
                </svg>
                <div class="name">边框</div>
                <div class="code-name">#icon-border-top-solid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-border-right-solid"></use>
                </svg>
                <div class="name">边框</div>
                <div class="code-name">#icon-border-right-solid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-border-bottom-solid"></use>
                </svg>
                <div class="name">边框</div>
                <div class="code-name">#icon-border-bottom-solid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shadow-left"></use>
                </svg>
                <div class="name">边框</div>
                <div class="code-name">#icon-shadow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beijingyansezhuanhuan"></use>
                </svg>
                <div class="name">背景颜色 </div>
                <div class="code-name">#icon-beijingyansezhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuandu"></use>
                </svg>
                <div class="name">宽度</div>
                <div class="code-name">#icon-kuandu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaodu"></use>
                </svg>
                <div class="name">高度</div>
                <div class="code-name">#icon-gaodu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xieti"></use>
                </svg>
                <div class="name">斜体</div>
                <div class="code-name">#icon-xieti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitiyanse"></use>
                </svg>
                <div class="name">字体颜色</div>
                <div class="code-name">#icon-zitiyanse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biankuang"></use>
                </svg>
                <div class="name">边框</div>
                <div class="code-name">#icon-biankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuangjia"></use>
                </svg>
                <div class="name">框架</div>
                <div class="code-name">#icon-kuangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuangjia1"></use>
                </svg>
                <div class="name">框架</div>
                <div class="code-name">#icon-kuangjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenzu"></use>
                </svg>
                <div class="name">分组</div>
                <div class="code-name">#icon-fenzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fujian"></use>
                </svg>
                <div class="name">附 件 (1)</div>
                <div class="code-name">#icon-fujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziduan"></use>
                </svg>
                <div class="name">字段</div>
                <div class="code-name">#icon-ziduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zujian"></use>
                </svg>
                <div class="name">组件</div>
                <div class="code-name">#icon-zujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiashujubiao"></use>
                </svg>
                <div class="name">数据表</div>
                <div class="code-name">#icon-tianjiashujubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitong"></use>
                </svg>
                <div class="name">系统</div>
                <div class="code-name">#icon-xitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedian-"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-jiedian-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiajianchengchu-"></use>
                </svg>
                <div class="name">加减乘除-02</div>
                <div class="code-name">#icon-jiajianchengchu-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiajianchengchu-1"></use>
                </svg>
                <div class="name">加减乘除-01</div>
                <div class="code-name">#icon-jiajianchengchu-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daorudaochu"></use>
                </svg>
                <div class="name">导入导出</div>
                <div class="code-name">#icon-daorudaochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianbiaodan"></use>
                </svg>
                <div class="name">新建表单</div>
                <div class="code-name">#icon-xinjianbiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengge"></use>
                </svg>
                <div class="name">风格</div>
                <div class="code-name">#icon-fengge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengge1"></use>
                </svg>
                <div class="name">风格</div>
                <div class="code-name">#icon-fengge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yangshi"></use>
                </svg>
                <div class="name">样式</div>
                <div class="code-name">#icon-yangshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengge2"></use>
                </svg>
                <div class="name">风格</div>
                <div class="code-name">#icon-fengge2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#icon-shouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuxing"></use>
                </svg>
                <div class="name">属性</div>
                <div class="code-name">#icon-shuxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouji1"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#icon-shouji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiji"></use>
                </svg>
                <div class="name">常用图标-飞机</div>
                <div class="code-name">#icon-feiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonticon4"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-iconfonticon4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <div class="name">系统高级自定义</div>
                <div class="code-name">#icon-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuchenggaojigongneng"></use>
                </svg>
                <div class="name">流程高级功能</div>
                <div class="code-name">#icon-liuchenggaojigongneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun1"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duowenjian"></use>
                </svg>
                <div class="name">多文件</div>
                <div class="code-name">#icon-duowenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian2"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haibaofenxiang"></use>
                </svg>
                <div class="name">海报分享</div>
                <div class="code-name">#icon-haibaofenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian3"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojibaobiaoshezhi"></use>
                </svg>
                <div class="name">高级报表设置</div>
                <div class="code-name">#icon-gaojibaobiaoshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia2"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian1"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjiakaifolder-open"></use>
                </svg>
                <div class="name">文件夹  开folder-open</div>
                <div class="code-name">#icon-wenjianjiakaifolder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jian"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#icon-jian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia1"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanli"></use>
                </svg>
                <div class="name">管理员</div>
                <div class="code-name">#icon-guanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanyu"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#icon-guanyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home-copy"></use>
                </svg>
                <div class="name">首页-选中</div>
                <div class="code-name">#icon-home-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geren"></use>
                </svg>
                <div class="name">个人</div>
                <div class="code-name">#icon-geren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiancheng"></use>
                </svg>
                <div class="name">线程</div>
                <div class="code-name">#icon-xiancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiancheng1"></use>
                </svg>
                <div class="name">线程</div>
                <div class="code-name">#icon-xiancheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianchengchakan"></use>
                </svg>
                <div class="name">线程查看</div>
                <div class="code-name">#icon-xianchengchakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianchengzhan"></use>
                </svg>
                <div class="name">线程栈</div>
                <div class="code-name">#icon-xianchengzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianchengxielou"></use>
                </svg>
                <div class="name">线程泄漏</div>
                <div class="code-name">#icon-xianchengxielou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye-xiancheng-"></use>
                </svg>
                <div class="name">首页-线程-01</div>
                <div class="code-name">#icon-shouye-xiancheng-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoxianchengzujian"></use>
                </svg>
                <div class="name">多线程组件</div>
                <div class="code-name">#icon-duoxianchengzujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianchengzhuizong"></use>
                </svg>
                <div class="name">线程追踪</div>
                <div class="code-name">#icon-xianchengzhuizong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiancheng2"></use>
                </svg>
                <div class="name">线程</div>
                <div class="code-name">#icon-xiancheng2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingxing"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#icon-xingxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedianleizhongxinguanli"></use>
                </svg>
                <div class="name">节点类_中心管理</div>
                <div class="code-name">#icon-jiedianleizhongxinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedianleizhukongzhongxin1"></use>
                </svg>
                <div class="name">节点类_主控中心1</div>
                <div class="code-name">#icon-jiedianleizhukongzhongxin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sponsor"></use>
                </svg>
                <div class="name">发起人</div>
                <div class="code-name">#icon-sponsor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge-xianshi"></use>
                </svg>
                <div class="name">表格 - 显示</div>
                <div class="code-name">#icon-biaoge-xianshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedian"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-jiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedian1"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-jiedian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linshibiaoge"></use>
                </svg>
                <div class="name">临时表格</div>
                <div class="code-name">#icon-linshibiaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-01zhushuju_tiaojianleixing"></use>
                </svg>
                <div class="name">01 主数据_条件类型</div>
                <div class="code-name">#icon-01zhushuju_tiaojianleixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedianguanli_1"></use>
                </svg>
                <div class="name">节点管理_1</div>
                <div class="code-name">#icon-jiedianguanli_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right"></use>
                </svg>
                <div class="name">箭头</div>
                <div class="code-name">#icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou-copy"></use>
                </svg>
                <div class="name">箭头</div>
                <div class="code-name">#icon-jiantou-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontjiantou"></use>
                </svg>
                <div class="name">箭头</div>
                <div class="code-name">#icon-iconfontjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou-copy-copy-copy"></use>
                </svg>
                <div class="name">箭头</div>
                <div class="code-name">#icon-jiantou-copy-copy-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Search"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-Search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Focus"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#icon-Focus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-queding"></use>
                </svg>
                <div class="name">确定</div>
                <div class="code-name">#icon-queding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Shift"></use>
                </svg>
                <div class="name">移交</div>
                <div class="code-name">#icon-Shift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Save"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-Save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Send"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#icon-Send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Track"></use>
                </svg>
                <div class="name">历史轨迹</div>
                <div class="code-name">#icon-Track</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjiafolder80"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjiafolder80</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia-"></use>
                </svg>
                <div class="name">文件夹-2</div>
                <div class="code-name">#icon-wenjianjia-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia-1"></use>
                </svg>
                <div class="name">文件夹-1</div>
                <div class="code-name">#icon-wenjianjia-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjiak"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjiak</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weimingmingwenjianjia_jiantou"></use>
                </svg>
                <div class="name">箭头</div>
                <div class="code-name">#icon-weimingmingwenjianjia_jiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-biaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">读书</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kebianjibiaoge"></use>
                </svg>
                <div class="name">可编辑表格</div>
                <div class="code-name">#icon-kebianjibiaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jurassic_setup-batch"></use>
                </svg>
                <div class="name">批量设置_操作_jurassic</div>
                <div class="code-name">#icon-jurassic_setup-batch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinyong"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#icon-jinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyong"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-qiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuxing-shouqi"></use>
                </svg>
                <div class="name">属性-收起</div>
                <div class="code-name">#icon-shuxing-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian2"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian3"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian4"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjiexian"></use>
                </svg>
                <div class="name">服务编排-连接线</div>
                <div class="code-name">#icon-lianjiexian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签+</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian1"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-node"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-node</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-help"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flow-line"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-flow-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ceshi"></use>
                </svg>
                <div class="name">测试</div>
                <div class="code-name">#icon-ceshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjian"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#icon-xinjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianxingtubiaozhizuomoban-43"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-xianxingtubiaozhizuomoban-43</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-_liuchengshili"></use>
                </svg>
                <div class="name">74_流程实例</div>
                <div class="code-name">#icon-_liuchengshili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wj-thwj"></use>
                </svg>
                <div class="name">文件-退回文件</div>
                <div class="code-name">#icon-wj-thwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanliyuan"></use>
                </svg>
                <div class="name">管理员</div>
                <div class="code-name">#icon-guanliyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anli"></use>
                </svg>
                <div class="name">案例</div>
                <div class="code-name">#icon-anli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shitujiedianxianshi"></use>
                </svg>
                <div class="name">【视图】节点显示</div>
                <div class="code-name">#icon-shitujiedianxianshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodandingzhimoban"></use>
                </svg>
                <div class="name">表单定制（模版）</div>
                <div class="code-name">#icon-biaodandingzhimoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daiban"></use>
                </svg>
                <div class="name">待办</div>
                <div class="code-name">#icon-daiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liucheng"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-liucheng</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
